<%-- 
    Document   : index
    Created on : Mar 7, 2014, 10:45:07 AM
    Authors    : Laura, 
                 Anthony (first basic working version)
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">       
        <link rel="stylesheet" type="text/css" href="newcss.css" />      

        <script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?v=3.exp&libraries=geometry,places&key=AIzaSyA9OOZ4EtDlxLX3qa9r2PRzl3q38X5Ik1w&sensor=true"></script>
        <script src="http://code.jquery.com/jquery-latest.min.js"></script>
        <script src="googleScripts.js"></script>
        <script src="checkBoxScripts.js"></script>
        
            
        <title>SICK Online</title>
    </head>
    
    <body>
        <div id="container">
            
            <div id="header">
                <img src="logo2.jpg" alt="logo">
            </div>
            
            <div id="big_box" style="height: 100%;">
                <h3 style="text-indent: 10%; padding-top: 2%; text-align: left;">Let us help you get better..</h2>
                    
                <form action="" name="searchForm" style="float: right; margin-bottom: 5%; padding-right: 15%;">
                    <br /><input id="searchField" placeholder="Tell us what's bothering you.." 
                                 class="text-input" type="text" name="search_val"/>
                    <br /><br />
                    <br /><input id="diseaseButton" class="button" type="submit" name="action" value="Search Diseases"/>
                    <input id="symptomButton" class="button" type="submit" name="action" value="Search Symptoms" />
                    <br /><input id="doctorButton" type="button" value="Find Doctors" onClick="load()"/>
                </form>  

                <div id="spaceholder"></div> <!--To keep the results pushed right, now that map is moved-->

                <div id="result" style="float: right;"></div>
                <script src="buttonScripts.js"></script>
                    
            </div><!--end bigbox-->
            
            <div id="slideshow">
                <img src="7.jpg"/> <!--Original source: imaxmelbourne.com.au -->
                <img src="9.jpg"/> <!--Original source: fantom-xp.com -->
                <img src="8.jpg"/> <!--Original source: maps.google.com -->
            </div>
            
            <div id="map-canvas"></div>
            
            <div id="footer">Team2.CSI518.Spring2014.SUNYAlbany --- Images courtesy of: imaxmelbourne.com.au, fantom-xp.com, maps.google.com</div>
        </div>
    </body>
</html>